<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>无标题文档</title>
<link href="${pageContext.request.contextPath}/css/baStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.shCircleLoader.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/baPublicJs.js"></script>
</head>
<style type="text/css">
#type .selects{margin-bottom:2px;margin-top:3px;}
#keyYear {
	border: 1px solid #cccccc;
	color: #999999;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	width: 100px;
}

.box div[id] {
	width: 100px;
	height: 100px;
	margin: 10px auto;
}

.box {
	position: absolute;
	width: 600px;
	left: 50%;
	height: auto;
	z-index: 100;
	padding: 1px;
}

#bg {
	background-color: #666;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
}
</style>
<script type="text/javascript">
/*生成模板页面  */
function thumpicQuery(opt){
	if(""==opt) return;
	 //调用遮罩层
 	shade();
	 $.ajax({
	        type: 'post',
	        url:'${pageContext.request.contextPath}/staticPage/StaticHtml.do',
	        data: {
			    "type":opt
			   },
	        success: function(data){ //回调方法
	        	//点击关闭按钮的时候，遮罩层关闭
				$("#bg,.box").css("display", "none");
	         	if('success'==data){
	         		   alert("静态页面创建成功！");
					}else{
					   alert("静态页面创建失败！");
					}
				}
	      });
}
</script>

<body>
	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">静态页面生成</a></li>
    </ul>
    </div>
    <div class="formbody">
    <div class="formtitle"><span>生成静态页面</span></div>
    <ul class="forminfo">
	   <!--  <li class="selectScan" style="padding-left:200px">
	         <input id="start" name="" type="button" class="btn" value="生成首页静态页面" onclick="creatFtl();" style="margin-top: 50px;"/>
	    </li> -->
	    	<li class="selectScan" style="padding-left:200px" >
					<span>选择需要生成的页面：
					<select name="type"id="type" onchange="javascript:thumpicQuery(this.value);"
							style="border:1px solid #3994c7; text-indent: 0; background: #f2f2f2;position: relative; bottom: -1px;">
								<option class="selects" selected="selected" value="">请选择</option>
								<option class="selects" value="home">生成首页静态页面</option>
								<option class="selects" value="colBlack">生成彩色、黑白静态页面</option>
								<option class="selects" value="draw">生成全年图纸静态页面</option>
						</select>
					</span> 
					<!-- <span>
					<button class="thumpic" type="button" onclick="thumpicQuery();">查询
					</button>
					</span> -->
				</li>
	    
	    <!-- <li style="float: left;clear:none"><label>&nbsp;</label>
	        <input id="start" name="" type="button" class="btn" value="启动监测" onclick="returnStatus('start');" style="margin-top: 50px;"/>
	     </li>
	     <li style="float: left;clear:none"><label>&nbsp;</label>
	        <input id="stop" name="" type="button" class="btn" value="关闭监测" onclick="returnStatus('stop');" style="margin-top: 50px;"/>
	     </li> -->
    </ul>
    
    </div>
<!--遮罩和加载  -->
		<div id="bg"></div>
		<div class="box" style="display:none">
		   <div id="shclDefault"></div>
		</div>
</body>

</html>

